<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS技术</title>
		<!-- 1. 放在网页头部 -->
<!-- 		<style>
			div{
				font-size: 20px;/* 字体大小 */
				color: blue;/* 字体颜色 */
			}
		</style> --><!-- 按Ctrl+/来注释 -->
		<!-- 2. 放在独立的CSS文件中，引入进来 -->
		<!-- <link rel="stylesheet" href="./tyust.css" /> -->
		<style>
			/* 1. class选择器 */
			.titCss{
				color: #FF0000;
				font-size: 20px;
			}
			/* 2. id选择器 */
			#firstDiv{
				color: red;
				font-size: 20px;
			}
			#SecondDiv{
				color: #4169E1;
				font-size: 24px;
			}
			/* 3. 标记选择器 */
			p{
				font-size: 10px;/* 字体大小 */
				color: blue;/* 字体颜色 */
			}
		</style>
	</head>
	<body>
		<div>
			太原工业学院数据科学与大数据技术专业
		</div>
		<div>
			科大物联网专业
		</div>
		<!-- 3.放在标记的style属性里 -->
		<span style="color: #FF0000;">
			6-30位字母，数字或“_”，字母开头
		</span>
		<h2>1. class选择器</h2>
		<p>这是第一个段落</p>
		<p class="titCss">这是第二个段落</p>
		<span class="titCss">这是个提示！</span>
		
		<h2>2. id选择器</h2>
		<div id="firstDiv">Java研发工程师</div>
		<div id="SecondDiv">Java大数据研发工程师</div>
	</body>
</html>
